#find_recmd{
  .ant-carousel .slick-slide {
    text-align: center;
    height: 336px;
    line-height: 160px;
    background: red;
    overflow: hidden;
    img{
      margin: auto;
      width: 980px;
      height:336px;
    }
    
  }

  .main{
    width:980px;
    margin: auto;
    background: #fff;
    overflow: hidden;
    .main_l{
      width: 730px;
      float: left;
      padding: 20px 20px 40px;
      .recmd_tit {
        overflow: hidden;
        height: 33px;
        padding: 0 10px 0 34px;
        background-position: -225px -156px;
        border-bottom: 2px solid #C10D0C;
        h3{
          font-size: 20px;
          line-height: 28px;
          float: left;
          position: relative;
          i{
            height: 33px;
            display: block;
            position: absolute;
            left:-35px;
            width: 33px;
            background-position: -225px -156px;
            background-image: url(../../assets/index.png);
          }
        }
        ul{
          float: left;
          list-style: none;
          li{
            float: left;
            margin: 0px 15px;
            
            a{
              color: #666;
              font-size: 13px;
              line-height: 33px;
            }
          }
        }
        .more{
          float:right;
          line-height: 33px;
          padding-right: 15px;
          i{
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-left: 4px;
            vertical-align: middle;
            background-position: 0px -240px;
            background-image: url(../../assets/index.png);
          }
        }
      }
      .recmd_list{
        overflow: hidden;
        margin: 20px 0 20px -40px;
        .ant-card{
          float: left;
          margin-left: 42px;
          border: none;
          box-shadow: none;
          img{
            height: 140px;
          }
          .bot_lay{
            position: relative;
            div{
              bottom:0px;
              padding: 0 10px;
              color: #fff;
              height:27px;
              line-height: 27px;
              position: absolute;
              background: rgba(0,0,0,.3);
              width:100%;
              .anticon-play-circle{
                margin: 7px 0px;
              }
            }
          }
          .ant-card-body {
            padding: 0;
            
            .ant-card-meta-title{
              font-size: 14px;
              margin: 15px 0;
              line-height: 20px;
              white-space:pre-wrap !important;
            }
          }
        }
      }
    }
    .main_r{
      width:250px;
      float: left;
      min-height: 100px;
      padding-top: 20px;
      border-left:1px solid #f5f5f5;
      .personal{
        background-position: 0 -270px;
        height:165px;
        padding: 10px;
        .top{
          overflow: hidden;
          img{
            width:80px;
            height:80px;
            float: left;
            background: #ccc;
          }
          div{
            float: left;
            padding-left: 10px;
            p{
              font-size: 14px;
              font-weight: bold;
              margin-bottom: 0;
            }
            .level{
              font-size: 12px;
              font-style:italic;
              border: 1px solid #666;
              text-align: center;
              border-radius:10px;
              margin: 5px 0;
              height: 17px;
              line-height: 17px;
              width:50px;
            }
            button{
              height:31px;
              font-size: 13px;
              width:80px;
            }
          }
        }
        .amount{
          list-style: none;
          padding: 0;
          li{
            float: left;
            width: 33.333%;
            text-align: center;
            padding: 15px 0px;
            span{
              display: block;
            }
          }
        }
      }
    }
  }




  .ant-carousel .slick-slide:nth-child(1){
    background: #FCBBD9;
  }
  .ant-carousel .slick-slide:nth-child(2){
    background: #F8F7E5;
  }
  .ant-carousel .slick-slide:nth-child(3){
    background: #42A15D;
  }
  .ant-carousel .slick-slide:nth-child(4){
    background: #EDE7CF;
  }
  .ant-carousel .slick-slide:nth-child(5){
    background: #7A3223;
  }
  .ant-carousel .slick-slide:nth-child(6){
    background: #333335;
  }
  .ant-carousel .slick-slide:nth-child(7){
    background: #8089CE;
  }
  .ant-carousel .slick-slide:nth-child(8){
    background: #000;
  }
  .ant-carousel .slick-slide:nth-child(9){
    background: #0D1522;
  }
  
  
  .ant-carousel .slick-slide h3 {
    color: #fff;
  }
}